#umb-login-form input {
  width: 100%;
  height: var(--input-height);
  box-sizing: border-box;
  display: block;
  border: 1px solid var(--uui-color-border);
  border-radius: var(--uui-border-radius);
  background-color: var(--uui-color-surface);
  padding: var(--uui-size-1, 3px) var(--uui-size-space-4, 9px);
}

#umb-login-form uui-form-layout-item {
  margin-top: var(--uui-size-space-4);
  margin-bottom: var(--uui-size-space-4);
}

#umb-login-form input:focus-within {
  border-color: var(--uui-input-border-color-focus, var(--uui-color-border-emphasis, #a1a1a1));
  outline: calc(2px * var(--uui-show-focus-outline, 1)) solid var(--uui-color-focus);
}

#umb-login-form input:hover:not(:focus-within) {
  border-color: var(--uui-input-border-color-hover, var(--uui-color-border-standalone, #c2c2c2));
}

#umb-login-form input::-ms-reveal {
  display: none;
}

#umb-login-form input span {
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}

#umb-login-form input span svg {
  background-color: white;
  display: block;
  padding: .2em;
  width: 1.3em;
  height: 1.3em;
}
